<template>
  <div class="productionDesign_box myStyle">
    <div id="tags-view-container" class="tags-view-container">
      <div class="tags-view-wrapper">
        <router-link
          ref="tag"
          tag="span"
          class="tags-view-item active"
          :to="{ path: '/parcel/lcd' }"
        >
          更多
          <span class="el-icon-close" @click="$router.push('/index')" />
        </router-link>
      </div>
    </div>
    <div class="content">
      <div class="content_center">
        <StrokeTitle2
          title="功率监控"
          class="float margin"
          style="width: 99%"
          :isBetween="false"
        >
          <div slot="content" class="boxcontent">
            <Gauge2
              :data="item"
              v-for="(item, index) in center1"
              :key="index"
            />
          </div>
        </StrokeTitle2>
      </div>
    </div>
  </div>
</template>

<script>
import Gauge2 from "@/components/echarts/pie/gauge2.vue"; //仪表盘
import StrokeTitle2 from "@/components/myComponents/stroke/title2.vue";
export default {
  components: {
    Gauge2,
    StrokeTitle2,
  },
  data() {
    return {
      center1: [
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
        { name: "设备一", value: 20 },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.boxcontent {
  width: 100%;
  height: 100%;
  overflow: auto;
  // display: flex;
  // justify-content: space-between;
  // align-items: center;
}
.productionDesign_box {
  .content {
    .content_center {
      height: 96%;
    }
    .Echarts {
      height: calc(100% - 50px);
      width: 100%;
    }
  }
}
</style>